@charset "utf-8";
/* css reset:为什么? 为了重置默认样式, 并让各大浏览器的样式统一 */
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  /* 给我们能用到的盒子都加上了, box-sizing: border-box; */
}
body {
  font: 12px/1 "Microsoft YaHei", "宋体", Tahoma, Arial, sans-serif;
  background-color: #fdfdfd;
}
/*去除边框*/
fieldset,
img,
input,
button,
textarea {
  border: none;
  /*去除的蓝色小边框*/
  outline-style: none;
}
/*禁止表单域缩放*/
textarea {
  resize: none;
}
a {
  text-decoration: none;
  color: #969696;
  /* 取消链接高亮(移动端)  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 图片自适应 */
img {
  width: 100%;
  /*解决图片底部对其问题, 底部对齐问题, 只对于行内块元素有 */
  display: block;
}
ul,
ol {
  list-style: none;
}
/* 把所有的标题的样式全部重置了 */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}
/* 废物利用 */
em,
i {
  font-style: normal;
}
/* 提供了一些公共类 */
.fl {
  float: left;
}
.fr {
  float: right;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  /* 文字在一行显示, 不换行 */
  white-space: nowrap;
  /* 文字溢出显示省略号 */
  text-overflow: ellipsis;
}
/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wrap {
  position: relative;
  width: 982px;
  height: 285px;
  margin: 0 auto;
}
.m-top {
  height: 70px;
  box-sizing: border-box;
  background: #242424;
  border-bottom: 1px solid #000;
}
.m-top .wrap {
  width: 1100px;
  height: 70px;
  margin: 0 auto;
  /* display: flex;
        justify-content: center;
        align-items: center; */
}
.m-top .wrap .logo {
  float: left;
  width: 176px;
  height: 69px;
  background: url(../lib/iconfont/topbar.png) no-repeat 0 9999px;
  background-position: 0 0;
}
.m-top .wrap .logo a {
  width: 157px;
  height: 100%;
  padding-right: 20px;
}
.m-top .wrap ul {
  float: left;
}
.m-top .wrap ul .lst {
  position: relative;
}
.m-top .wrap ul li {
  float: left;
  height: 70px;
  font-size: 14px;
}
.m-top .wrap ul li:hover {
  background: #000;
  text-decoration: none;
}
.m-top .wrap ul li:hover a {
  color: #fff;
}
.m-top .wrap ul li a {
  padding: 0 19px;
  text-align: center;
  line-height: 70px;
  color: #ccc;
}
.m-top .wrap ul li .hot {
  display: block;
  position: absolute;
  top: 21px;
  left: 100px;
  width: 28px;
  height: 19px;
  background: url(../lib/iconfont/topbar.png) no-repeat 0 9999px;
  background-position: -190px 0;
}
.m-top .wrap .m-tophead {
  float: right;
  height: 45px;
  margin: 19px 0 0 20px;
  padding: 10px 22px 0 0;
  background-position: right -47px;
  background-image: none;
}
.m-top .wrap .m-tophead a:hover {
  text-decoration: underline;
}
.m-top .wrap .m-topvd {
  float: right;
  width: 90px;
  height: 32px;
  margin: 19px 0 0 12px;
  box-sizing: border-box;
  padding-left: 16px;
  border: 1px solid #4F4F4F;
  line-height: 33px;
  color: #ccc;
  border-radius: 20px;
}
.m-top .wrap .m-topvd:hover {
  border: 1px solid #ccc;
  color: #fff;
}
.m-top .wrap .m-srch {
  float: right;
  width: 158px;
  height: 32px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 32px;
}
.m-top .wrap .m-srch i {
  float: left;
  width: 30px;
  height: 30px;
  background: url(../lib/iconfont/topbar.png);
  background-position: 0 -99px;
}
.m-top .wrap .m-srch span {
  position: absolute;
  float: left;
  margin-top: 9.5px;
  /* label{
                    // display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 115.0;
                    height: 16px;
                    font-size: 12px;
                    color: #9b9b9b;
                    cursor: text;
                    
                } */
}
.m-top .wrap .m-srch span input {
  width: 121.6px;
  height: 16px;
  font-size: 12px;
}
.m-top .wrap .m-srch span input::placeholder {
  font-size: 12px;
  color: #9b9b9b;
}
.m-top .wrap .m-srch span input:focus::placeholder {
  opacity: 0;
}
.m-nav {
  height: 35px;
  box-sizing: border-box;
  background-color: #C20C0C;
  border-bottom: 1px solid #a40011;
}
.m-nav .header-btn {
  width: 1100px;
  height: 100%;
  margin: 0 auto;
  display: flex;
}
.m-nav .header-btn ul {
  display: flex;
  margin-left: 180px;
}
.m-nav .header-btn ul em {
  display: inline-block;
  height: 20px;
  padding: 0 13px;
  margin: 7px 17px 0;
  border-radius: 20px;
  line-height: 21px;
  color: #fff;
}
.m-nav .header-btn ul em:hover {
  background: #9B0909;
}
.b-ban {
  background-image: url(../upload/00.jpg);
  background-size: 6000px;
  background-position: center center;
}
.b-ban .ban {
  position: relative;
  display: block;
  height: 100%;
}
.b-ban .ban .j-left,
.b-ban .ban .j-right {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -31px;
  width: 37px;
  height: 63px;
  background: url(../lib/iconfont/banner.png) 0 9999px no-repeat;
  text-indent: -9999px;
}
.b-ban .ban .j-left:hover,
.b-ban .ban .j-right:hover {
  background-color: rgba(51, 51, 51, 0.3);
}
.b-ban .ban .j-left {
  left: -68px;
  background-position: 0 -360px;
}
.b-ban .ban .j-right {
  right: -68px;
  background-position: 0 -508px;
}
.b-ban .ban .ban-left {
  height: 100%;
}
.b-ban .ban .ban-left a {
  display: block;
  height: 100%;
}
.b-ban .ban .ban-left a img {
  width: 730px;
  height: 100%;
}
.b-ban .ban .dots {
  position: absolute;
  top: 259px;
  left: 0;
  width: 730px;
  height: 20px;
  text-align: center;
}
.b-ban .ban .dots .adots {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../lib/iconfont/banner.png) 0 9999px no-repeat;
  background-position: 3px -343px;
}
.b-ban .ban .dots .active {
  background-position: -16px -343px;
}
.b-ban .ban-right {
  position: absolute;
  top: 0;
  z-index: 20;
  right: -1px;
  width: 254px;
  height: 285px;
  background: url(../lib/iconfont/download.png) no-repeat 0 0;
}
.b-ban .ban-right .btn {
  display: block;
  width: 215px;
  height: 56px;
  margin: 186px 0 0 19px;
  background: url(../lib/iconfont/download.png) no-repeat 0 0;
  background-position: 0 9999px;
  text-indent: -9999px;
}
.b-ban .ban-right .btn:hover {
  background-position: 0 -290px;
}
.b-ban .ban-right p {
  height: 12px;
  margin: 10px auto;
  text-align: center;
  color: #8d8d8d;
}
.b-ban .ban-right .l-shadow,
.b-ban .ban-right .r-shadow {
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 285px;
  background: url(../lib/iconfont/banner.png) 0 9999px no-repeat;
  background-position: -1px 0;
}
.b-ban .ban-right .r-shadow {
  left: auto;
  right: -20px;
  background-position: -20px 0;
}
.main {
  width: 980px;
  min-height: 700px;
  height: 1400px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;
  position: relative;
  /* 外部大盒子 */
  /* 右侧边栏 */
}
.main::before {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  right: 250px;
  border-right: 1px solid #d3d3d3;
}
.main .mn1 {
  float: left;
  width: 100%;
  margin-right: -250px;
}
.main .mn1 .mn1c {
  margin-right: 251px;
}
.main .mn1 .mn1c .wrap3 {
  padding: 20px 20px 40px;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 {
  height: 33px;
  padding: 0 10px 0 34px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: -225px -156px;
  border-bottom: 2px solid #C10D0C;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .tit {
  float: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .tab {
  float: left;
  margin: 7px 0 0 20px;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .tab .s-fc3:hover {
  color: #666;
  border-bottom: 0.5px solid;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .tab .line {
  margin: 0 10px;
  color: #ccc;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .more {
  float: right;
  margin-top: 9px;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .more .s-fc3:hover {
  color: #666;
  border-bottom: 0.5px solid;
}
.main .mn1 .mn1c .wrap3 .rmtj .v-hd2 .more i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  vertical-align: middle;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: 0 -240px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst {
  width: 731px;
  height: 468px;
  margin: 20px 0 0 -42px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li {
  float: left;
  width: 140px;
  height: 204px;
  padding-left: 42px;
  box-sizing: content-box;
  padding: 0 0 30px 40px;
  line-height: 1.4;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 {
  width: 140px;
  height: 140px;
  position: relative;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .u-jp {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  background: url(../lib/iconfont/icon2.png) no-repeat 0 9999px;
  background-position: -135px -220px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .msk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../lib/iconfont/coverall.png) no-repeat;
  background-position: 0 0;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  background: url(../lib/iconfont/coverall.png) no-repeat;
  background-position: 0 -537px;
  color: #ccc;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .bottom .icon-play {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 16px;
  height: 17px;
  background: url(../lib/iconfont/iconall.png) no-repeat;
  background-position: 0 0;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .bottom .icon-play:hover {
  background-position: 0 -60px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .bottom .icon-headset {
  float: left;
  width: 14px;
  height: 11px;
  background: url(../lib/iconfont/iconall.png) no-repeat;
  background-position: 0 -24px;
  margin: 9px 5px 9px 10px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .u-cover-1 .bottom .nb {
  float: left;
  margin: 7px 0 0 0;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .dec {
  width: 100%;
  margin: 8px 0 3px;
  font-size: 12px;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .dec .tit {
  display: inline-block;
  max-width: 100%;
  color: #000;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
}
.main .mn1 .mn1c .wrap3 .rmtj .m-cvrlst li .dec .tit:hover {
  text-decoration: underline;
}
.main .mn1 .mn1c .wrap3 .new .v-hd2 {
  height: 33px;
  padding: 0 10px 0 34px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: -225px -156px;
  border-bottom: 2px solid #C10D0C;
}
.main .mn1 .mn1c .wrap3 .new .v-hd2 .tit {
  float: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.main .mn1 .mn1c .wrap3 .new .v-hd2 .more {
  float: right;
  margin-top: 9px;
}
.main .mn1 .mn1c .wrap3 .new .v-hd2 .more .s-fc3:hover {
  color: #666;
  border-bottom: 0.5px solid;
}
.main .mn1 .mn1c .wrap3 .new .v-hd2 .more i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  vertical-align: middle;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: 0 -240px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk {
  position: relative;
  zoom: 1;
  height: 186px;
  margin: 20px 0 37px;
  border: 1px solid #d3d3d3;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner {
  height: 184px;
  padding-left: 16px;
  background: #f5f5f5;
  border: 1px solid #fff;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll {
  float: left;
  width: 645px;
  height: 180px;
  overflow: hidden;
  position: relative;
  /*  &:nth-child(1) ul{
                                    left: 0;
                                }
                                &:nth-child(2) ul{
                                    left: 645px;
                                }
                                &:nth-child(3) ul{
                                    left: -645px;
                                }
                                &:nth-child(4) ul{
                                    left: -645px;
                                } */
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul {
  position: absolute;
  top: 0;
  width: 645px;
  margin: 28px 0 0 0;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li {
  float: left;
  display: inline;
  width: 118px;
  height: 150px;
  margin-left: 11px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: -260px 100px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .u-cover {
  margin-bottom: 7px;
  width: 100px;
  height: 100px;
  position: relative;
  display: block;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .u-cover:hover .icon-play {
  display: block;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .u-cover .j-img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .u-cover .msk {
  width: 118px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../lib/iconfont/coverall.png) no-repeat;
  background-position: 0 -570px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .u-cover .icon-play {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 5px;
  left: 72px;
  width: 22px;
  height: 22px;
  background: url(../lib/iconfont/iconall.png) no-repeat;
  background-position: 0 -85px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .f-thide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 90%;
  line-height: 18px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .f-thide .s-fc0 {
  color: #000;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .roll ul li .f-thide .s-fc3 {
  color: #666;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .pre,
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .nxt {
  position: absolute;
  top: 71px;
  width: 17px;
  height: 17px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .pre {
  left: 4px;
  background-position: -260px -75px;
}
.main .mn1 .mn1c .wrap3 .new .n-disk .inner .nxt {
  background-position: -300px -75px;
}
.main .mn1 .mn1c .wrap3 .bill .v-hd2 {
  height: 33px;
  padding: 0 10px 0 34px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: -225px -156px;
  border-bottom: 2px solid #C10D0C;
}
.main .mn1 .mn1c .wrap3 .bill .v-hd2 .tit {
  float: left;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.main .mn1 .mn1c .wrap3 .bill .v-hd2 .more {
  float: right;
  margin-top: 9px;
}
.main .mn1 .mn1c .wrap3 .bill .v-hd2 .more .s-fc3:hover {
  color: #666;
  border-bottom: 0.5px solid;
}
.main .mn1 .mn1c .wrap3 .bill .v-hd2 .more i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  vertical-align: middle;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: 0 -240px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst {
  height: 472px;
  margin-top: 20px;
  padding-left: 1px;
  background: url(../lib/iconfont/index_bill.png) no-repeat;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk {
  float: left;
  width: 230px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top {
  height: 100px;
  padding: 20px 0 0 19px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .cver {
  float: left;
  display: inline;
  width: 80px;
  height: 80px;
  position: relative;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .cver img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .cver .msk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../lib/iconfont/coverall.png) no-repeat;
  background-position: -145px -57px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit {
  float: left;
  width: 116px;
  margin: 6px 0 0 10px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit a {
  color: #333;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit a .f-thide {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 14px;
  font-weight: 700;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit a .f-thide:hover {
  text-decoration: underline;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn {
  margin-top: 10px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn a {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  text-indent: -9999px;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn .s-bg-9 {
  background-position: -267px -205px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn .s-bg-9:hover {
  background-position: -267px -235px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn .s-bg-10 {
  background-position: -300px -205px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk .top .tit .btn .s-bg-10:hover {
  background-position: -300px -235px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol {
  height: 319px;
  margin-left: 50px;
  line-height: 32px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li {
  height: 32px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .no {
  color: #c10d0c;
  float: left;
  position: relative;
  width: 35px;
  height: 32px;
  margin-left: -35px;
  text-align: center;
  font-size: 16px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .nm {
  float: left;
  width: 97px;
  height: 32px;
  word-wrap: normal;
  font-size: 12px;
  white-space: nowrap;
  /*2. 超出的部分隐藏*/
  overflow: hidden;
  /*3. 文字用省略号替代超出的部分*/
  text-overflow: ellipsis;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .nm:hover {
  text-decoration: underline;
  color: #000;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .oper {
  display: none;
  float: right;
  width: 82px;
  margin-top: 7px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .oper .s-bg {
  float: left;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  background: url(..//lib/iconfont/index.png) no-repeat 0 9999px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .oper .s-bg-11 {
  background-position: -267px -268px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .oper .s-bg-12 {
  background-position: -297px -268px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol li .oper .u-icn-81 {
  float: left;
  width: 17px;
  height: 17px;
  margin: 2px 6px 0 0;
  background: url(../lib/iconfont/icon.png) no-repeat 0 9999px;
  background-position: 0 -700px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd ol .z-hvr .oper {
  display: block;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd .more {
  clear: both;
  height: 32px;
  margin-right: 32px;
  text-align: right;
  line-height: 32px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk dd .more a:hover {
  color: #000;
  text-decoration: underline;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk-1 {
  width: 228px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk-1 ol {
  margin-left: 48px;
}
.main .mn1 .mn1c .wrap3 .bill .n-bilst .blk-1 ol .nm.nm.nm.nm {
  width: 96px;
}
.main .rnav {
  float: right;
  position: relative;
  width: 250px;
  /* 用户登录 */
  /* 入驻歌手 */
  /* 热门主播 */
  /* .hoter {
         width: 100%;
         height: 295px;
         background-color: #f95;
      } */
}
.main .rnav .user {
  width: 100%;
  height: 126px;
  /* 用户信息 */
}
.main .rnav .user .user-info {
  width: 100%;
  height: 1px;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 12px;
  color: #333;
}
.main .rnav .user .user-info .user-top {
  width: 100%;
  height: 126px;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
  color: #666;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: 0 0;
}
.main .rnav .user .user-info .user-top p {
  width: 205px;
  margin: 0 auto;
  padding: 16px 0;
  line-height: 22px;
}
.main .rnav .user .user-info .user-top a {
  display: block;
  width: 100px;
  height: 31px;
  margin: 0 auto;
  line-height: 31px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 #8a060b;
  background: url(../lib/iconfont/index.png) no-repeat 0 9999px;
  background-position: 0 -195px;
}
.main .rnav .user .user-info .user-top a:hover {
  color: #fff;
  background-position: -110px -195px;
}
.main .rnav .singer {
  width: 100%;
  height: 455px;
  margin-top: 15px;
}
.main .rnav .singer h3 {
  position: relative;
  height: 23px;
  margin: 0 20px;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 100%;
}
.main .rnav .singer h3 sapn {
  float: left;
}
.main .rnav .singer h3 a {
  float: right;
  font-weight: normal;
  color: #666;
  cursor: pointer;
}
.main .rnav .singer ul {
  margin: 6px 0 14px 20px;
}
.main .rnav .singer ul li {
  margin-top: 14px;
  float: left;
  width: 210px;
  height: 62px;
  background: #fafafa;
}
.main .rnav .singer ul li a {
  float: left;
  width: 210px;
  height: 62px;
  background: #fafafa;
  text-decoration: none;
  cursor: pointer;
  color: #333;
}
.main .rnav .singer ul li a:hover {
  text-decoration: none;
  background: #f4f4f4;
}
.main .rnav .singer ul li a .left {
  float: left;
  width: 62px;
  height: 62px;
}
.main .rnav .singer ul li a .left img {
  float: left;
  width: 62px;
  height: 62px;
}
.main .rnav .singer ul li a .right {
  float: left;
  width: 133px;
  height: 60px;
  padding-left: 14px;
  border: 1px solid #e9e9e9;
  border-left: none;
  cursor: pointer;
}
.main .rnav .singer ul li a .right h4 {
  margin-top: 8px;
}
.main .rnav .singer ul li a .right h4 sapn {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 14px;
}
.main .rnav .singer ul li a .right p {
  width: 90%;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.main .rnav .singer > div a {
  margin-left: 20px;
  border-radius: 4px;
  color: #333;
  padding: 0 5px 0 0;
  white-space: nowrap;
  margin-top: 15px;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  background: url(../lib/iconfont/button2.png) no-repeat 0 9999px;
  background-position: right -100px;
}
.main .rnav .singer > div a:hover {
  background-position: right -182px;
}
.main .rnav .singer > div a i {
  width: 170px;
  font-weight: bold;
  color: #333;
  padding: 0 15px 0 20px;
  pointer-events: none;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  font-style: normal;
  font-size: inherit;
  background: url(../lib/iconfont/button2.png) no-repeat 0 9999px;
  background-position: 0 -59px;
}
.main .rnav .singer > div a i:hover {
  background-position: 0 -141px;
}
.g-ft {
  position: relative;
  height: 325px;
  overflow: hidden;
  border-top: 1px solid #d3d3d3;
  background: #f2f2f2;
}
.g-ft .m-ft {
  width: 980px;
  margin: 0 auto;
}
.g-ft .m-ft .f-cb .enter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 33px;
}
.g-ft .m-ft .f-cb .enter:first-child {
  margin-left: 0;
}
.g-ft .m-ft .f-cb .enter .unit {
  width: 45px;
  margin-left: 80px;
  text-align: center;
  color: #666;
}
.g-ft .m-ft .f-cb .enter .unit .tt {
  display: inline-block;
  width: 100px;
  margin-top: 10px;
  margin-left: -27.5px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}
.g-ft .m-ft .f-cb .enter .unit .logonew {
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background: url(../lib/iconfont/foot_enter_new2.png) no-repeat;
  background-size: 220px 220px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-openplatform {
  background-position: -170px -5px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-openplatform:hover {
  background-position: -5px -115px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-trade {
  background-position: -5px -170px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-trade:hover {
  background-position: -60px -170px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-amped {
  background-position: -5px -60px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-amped:hover {
  background-position: -60px -5px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-auth {
  background-position: -60px -60px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-auth:hover {
  background-position: -115px -5px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-musician {
  background-position: -115px -115px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-musician:hover {
  background-position: -5px -5px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-reward {
  background-position: -170px -115px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-reward:hover {
  background-position: -60px -115px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-cash {
  background-position: -170px -60px;
}
.g-ft .m-ft .f-cb .enter .unit .logo-cash:hover {
  background-position: -115px -60px;
}
.g-ft .m-ft .f-cb .copy {
  padding-top: 60px;
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
}
.g-ft .m-ft .f-cb .copy .link a {
  text-decoration: none;
  color: #969696;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-ft .m-ft .f-cb .copy .link a:hover {
  color: #666;
  text-decoration: underline;
}
.g-ft .m-ft .f-cb .copy .link span {
  margin: 0 8px 0 8px;
  color: #D9D9D9;
}
.g-ft .m-ft .f-cb .copy .s-fc3 {
  color: #666;
}
.g-ft .m-ft .f-cb .copy .s-fc3 a:hover {
  text-decoration: underline;
}
.g-ft .m-ft .f-cb .copy .s-fc3 .police-logo {
  width: 14px;
  height: 14px;
  background: url(../images/police.png) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
}
.g-ft .m-ft .f-cb .copy .s-fc3 .sep {
  margin-right: 14px;
}
.m-back {
  display: block;
  position: fixed;
  _position: absolute;
  text-indent: -9999px;
  left: 50%;
  margin-left: 500px;
  bottom: 160px;
  width: 49px;
  height: 44px;
  background: url(../lib/iconfont/sprite.png) no-repeat 0 9999px;
  background-position: -265px -47px;
}
.m-back.m-back:hover {
  background-position: -325px -47px;
}
.f-updown {
  position: relative;
  position: fixed;
  bottom: -45px;
  width: 100%;
  transition: all 0.3s;
}
.f-updown .locks .lock {
  position: absolute;
  top: -14px;
  right: 15px;
  width: 52px;
  height: 67px;
  background: url(../images/playbar.png) no-repeat 0 -380px;
}
.f-updown .locks .lock a {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px 0 0 17px;
  background: url(../images/playbar.png) no-repeat -80px -380px;
}
.f-updown .locks .lock a:hover {
  background: url(../images/playbar.png) no-repeat -80px -400px;
}
.f-updown .locks .lock .lockdown {
  background: url(../images/playbar.png) no-repeat -100px -380px;
}
.f-updown .locks .lock .lockdown:hover {
  background: url(../images/playbar.png) no-repeat -100px -400px;
}
.f-updown .locks .lock-right {
  position: absolute;
  top: -1px;
  right: 0;
  width: 15px;
  height: 54px;
  background: url(../images/playbar.png) no-repeat -52px -393px;
  pointer-events: none;
}
.f-updown .background {
  height: 53px;
  zoom: 1;
  margin-right: 67px;
  background: url(../images/playbar.png) 0 0;
  background-repeat: repeat-x;
}
.f-updown .hand {
  position: absolute;
  top: -10px;
  z-index: -88;
  width: 100%;
  height: 20px;
  cursor: pointer;
}
.f-updown .f-play-music {
  float: left;
  position: absolute;
  left: 50%;
  top: 6px;
  z-index: 15;
  width: 1100px;
  height: 47px;
  margin: 0 auto;
  margin-left: -490px;
}
.f-updown .f-play-music .btns {
  float: left;
  width: 137px;
  height: 42px;
  padding: 6px 0 0 0;
}
.f-updown .f-play-music .btns a {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  margin-top: 5px;
  text-indent: -9999px;
}
.f-updown .f-play-music .btns .prev {
  background: url(../images/playbar.png) no-repeat 0 -130px;
}
.f-updown .f-play-music .btns .prev:hover {
  background: url(../images/playbar.png) no-repeat -30px -130px;
}
.f-updown .f-play-music .btns .play {
  width: 36px;
  height: 36px;
  margin-top: 0;
  background: url(../images/playbar.png) no-repeat 0 -204px;
}
.f-updown .f-play-music .btns .play:hover {
  background: url(../images/playbar.png) no-repeat -40px -204px;
}
.f-updown .f-play-music .btns .palse {
  background: url(../images/playbar.png) no-repeat 0 -165px;
}
.f-updown .f-play-music .btns .palse:hover {
  background: url(../images/playbar.png) no-repeat -40px -165px;
}
.f-updown .f-play-music .btns .next {
  background: url(../images/playbar.png) no-repeat -80px -130px;
}
.f-updown .f-play-music .btns .next:hover {
  background: url(../images/playbar.png) no-repeat -110px -130px;
}
.f-updown .f-play-music .def-cover {
  float: left;
  position: relative;
  margin: 6px 15px 0 0;
}
.f-updown .f-play-music .def-cover img {
  height: 34px;
  width: 34px;
}
.f-updown .f-play-music .def-cover a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 34px;
  height: 35px;
  background: url(../images/playbar.png) no-repeat 0 -80px;
}
.f-updown .f-play-music .play-process {
  float: left;
  position: relative;
  width: 608px;
}
.f-updown .f-play-music .play-process .words {
  height: 28px;
  overflow: hidden;
  color: #e8e8e8;
  text-shadow: 0 1px 0 #171717;
  line-height: 28px;
}
.f-updown .f-play-music .play-process .pbar {
  float: left;
  position: relative;
  width: 493px;
}
.f-updown .f-play-music .play-process .pbar .barbg {
  width: 493px;
  height: 9px;
  background: url(../images/statbar.png) no-repeat right 0;
}
.f-updown .f-play-music .play-process .pbar .barbg .ready {
  width: 0;
  height: 9px;
  border-radius: 9px;
  background-color: red;
}
.f-updown .f-play-music .play-process .pbar .barbg .ready .curser {
  position: absolute;
  top: 0;
  left: 0;
  height: 9px;
  background: url(../images/playlist.png) no-repeat left -66px;
}
.f-updown .f-play-music .play-process .pbar .barbg .ready .curser .btn {
  position: absolute;
  top: -7px;
  right: -13px;
  width: 22px;
  height: 24px;
  margin-left: -11px;
  background: url(../images/iconall.png) no-repeat 0 -250px;
}
.f-updown .f-play-music .play-process .pbar .barbg .ready .curser .btn:hover {
  background: url(../images/iconall.png) no-repeat 0 -280px;
}
.f-updown .f-play-music .time {
  position: absolute;
  top: -3px;
  right: -84px;
  color: #797979;
  text-shadow: 0 1px 0 #121212;
}
.f-updown .f-play-music .time em {
  color: #a1a1a1;
  font-style: normal;
  text-align: left;
  font-size: inherit;
}
.f-updown .f-play-music .operations {
  float: left;
  width: 87px;
}
.f-updown .f-play-music .operations .icn {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin: 11px 2px 0 0;
  text-indent: -9999px;
}
.f-updown .f-play-music .operations .icn-pip {
  position: relative;
  background: url(../images/pip.jpg) no-repeat 0 0;
}
.f-updown .f-play-music .operations .icn-pip:hover {
  background: url(../images/pip.jpg) no-repeat 0 -25px;
}
.f-updown .f-play-music .operations .icn-add {
  background: url(../images/playbar.png) no-repeat -88px -163px;
}
.f-updown .f-play-music .operations .icn-add:hover {
  background: url(../images/playbar.png) no-repeat -88px -189px;
}
.f-updown .f-play-music .operations .icn-share {
  background: url(../images/playbar.png) no-repeat -114px -163px;
}
.f-updown .f-play-music .operations .icn-share:hover {
  background: url(../images/playbar.png) no-repeat -114px -189px;
}
.f-updown .f-play-music .controls {
  float: left;
  position: relative;
  z-index: 10;
  width: 126px;
  height: 36px;
  padding-left: 13px;
  background: url(../images/playbar.png) no-repeat -147px -238px;
}
.f-updown .f-play-music .controls .icn {
  float: left;
  width: 25px;
  height: 25px;
  margin: 11px 2px 0 0;
  text-indent: -9999px;
}
.f-updown .f-play-music .controls .volume {
  background: url(../images/playbar.png) no-repeat -2px -248px;
}
.f-updown .f-play-music .controls .volume:hover {
  background: url(../images/playbar.png) no-repeat -31px -248px;
}
.f-updown .f-play-music .controls .m-vol {
  display: none;
  position: absolute;
  top: -113px;
  left: 9px;
  clear: both;
  width: 32px;
  height: 113px;
}
.f-updown .f-play-music .controls .m-vol .barbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 113px;
  background: url(../images/playbar.png) no-repeat 0 -503px;
}
.f-updown .f-play-music .controls .m-vol .vbg {
  position: absolute;
  top: 0;
  left: 14px;
  width: 4px;
  height: 113px;
  padding: 4px 0;
}
.f-updown .f-play-music .controls .m-vol .vbg .curr {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 4px;
  height: 0;
  border-radius: 4px;
  background-color: red;
}
.f-updown .f-play-music .controls .m-vol .vbg .curr .btn {
  position: absolute;
  top: -10px;
  left: -7px;
  display: block;
  width: 18px;
  height: 20px;
  background: url(../images/iconall.png) no-repeat -40px -250px;
  cursor: pointer;
}
.f-updown .f-play-music .controls .mode {
  background: url(../images/playbar.png) no-repeat -66px -248px;
}
.f-updown .f-play-music .controls .mode:hover {
  background: url(../images/playbar.png) no-repeat -93px -248px;
}
.f-updown .f-play-music .controls .mode1 {
  background: url(../images/playbar.png) no-repeat -66px -344px;
}
.f-updown .f-play-music .controls .mode1:hover {
  background: url(../images/playbar.png) no-repeat -93px -344px;
}
.f-updown .f-play-music .controls .mode2 {
  background: url(../images/playbar.png) no-repeat -3px -344px;
}
.f-updown .f-play-music .controls .mode2:hover {
  background: url(../images/playbar.png) no-repeat -33px -344px;
}
.f-updown .f-play-music .controls .modetip {
  display: none;
  top: -35px;
  left: 12px;
  width: 81px;
  height: 39px;
  position: absolute;
  clear: both;
  background: url(../images/playbar.png) no-repeat 0 -457px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}
.f-updown .f-play-music .add {
  float: left;
  width: 59px;
  height: 36px;
}
.f-updown .f-play-music .add .icn {
  float: left;
  width: 25px;
  height: 25px;
  margin: 11px 2px 0 0;
  text-indent: -9999px;
}
.f-updown .f-play-music .add .list {
  display: block;
  float: left;
  width: 60px;
  padding-left: 21px;
  background: url(../images/playbar.png) no-repeat -42px -68px;
  line-height: 27px;
  text-align: center;
  color: #666;
  text-shadow: 0 1px 0 #080707;
  text-indent: 0;
  text-decoration: none;
}
.f-updown .f-play-music .add .list:hover {
  background: url(../images/playbar.png) no-repeat -42px -98px;
}
.f-updown .f-play-music .f-playlist {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 36px;
  z-index: -99;
  width: 986px;
  height: 301px;
  margin-left: -900px;
  border-radius: 6px 6px 0 0;
  background-color: #161616;
  box-shadow: 3px -3px 2px 2px #000;
}
.f-updown .f-play-music .f-playlist .listhd {
  position: relative;
  height: 40px;
  border-bottom: 2px solid #000;
}
.f-updown .f-play-music .f-playlist .listhd h4 {
  position: absolute;
  left: 25px;
  top: 0;
  height: 39px;
  line-height: 39px;
  font-size: 14px;
  color: #e2e2e2;
}
.f-updown .f-play-music .f-playlist .listhd .addall {
  position: absolute;
  left: 398px;
  top: 12px;
  height: 15px;
  color: #ccc;
  line-height: 15px;
  cursor: pointer;
}
.f-updown .f-play-music .f-playlist .listhd .addall span {
  float: left;
  height: 16px;
  width: 16px;
  margin: 1px 6px 0 0;
  background: url(../images/playlist.png) no-repeat -24px 0;
}
.f-updown .f-play-music .f-playlist .listhd .line {
  position: absolute;
  top: 13px;
  left: 477px;
  height: 15px;
  border-left: 1px solid #000;
  border-right: 1px solid #2c2c2c;
}
.f-updown .f-play-music .f-playlist .listhd .clear {
  position: absolute;
  left: 490px;
  top: 12px;
  height: 15px;
  color: #ccc;
  line-height: 15px;
  cursor: pointer;
}
.f-updown .f-play-music .f-playlist .listhd .clear span {
  float: left;
  width: 13px;
  height: 16px;
  margin: 1px 6px 0 0;
  background: url(../images/playlist.png) no-repeat -51px 0;
}
.f-updown .f-play-music .f-playlist .listhd .f-close {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
  background: url(../images/playlist.png) no-repeat -195px 9px;
}
.f-updown .f-play-music .f-playlist .listbd {
  position: absolute;
  left: 0;
  top: 41px;
  width: 976px;
  height: 260px;
  padding: 0 5px;
  overflow: hidden;
  background: url(../images/playlist.png) -1014px 0;
  background-repeat: repeat-y;
}
.f-updown .f-play-music .f-playlist .listbd .listmsk {
  position: absolute;
  left: 2px;
  top: 0;
  z-index: 4;
  height: 260px;
  width: 553px;
  overflow: hidden;
}
.f-updown .f-play-music .f-playlist .listbd .listmsk .msk {
  padding-top: 85px;
  text-align: center;
  line-height: 43px;
  color: #aaa;
}
.f-updown .f-play-music .f-playlist .listbd .listmsk .msk i {
  float: none;
  display: inline-block;
  position: relative;
  top: -4px;
  width: 36px;
  height: 29px;
  margin-right: 3px;
  background: url(../images/playlist.png) no-repeat -138px 0;
  vertical-align: middle;
}
.f-updown .f-play-music .f-playlist .listbd .bline {
  position: absolute;
  left: 555px;
  top: -1px;
  z-index: 2;
  width: 6px;
  height: 260px;
  background: #000;
  opacity: 0.5;
}
.f-updown .f-play-music .f-playlist .listbd .ask {
  position: absolute;
  right: 25px;
  top: 12px;
  cursor: pointer;
  z-index: 5;
}
.f-updown .f-play-music .f-playlist .listbd .ask a {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/playlist.png) no-repeat 0 -50px;
  text-indent: 0;
}
